<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>上传</title>
    <!-- Demo styles -->
    <style>


    </style>
    <script src="../font_ico/iconfont.js"></script>
    <!-- 引用bootstrap核心css -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">

    <!-- 引用动画库 -->
    <link rel="stylesheet" href="../css/animate.min.css">

    <!-- 引用重置样式表 -->
    <link rel="stylesheet/less" href="../css/reset.less">

    <!-- 引用公共样式 -->
    <link rel="stylesheet/less" href="../css/common.less">

    <!-- 引用该页面样式 -->
    <link rel="stylesheet/less" href="../css/upload.less">


</head>

<body>
<div class="warp">
    <form>
    <div class="wode-top">
        <h3>
            <a type="button"  onclick="javascript:history.back(-1)" class="a-l" >
                <
            </a>
            上传
            <a href="" class="a-r">
                <img src="../images/206shousuo.png" alt=""></a>
        </h3>
    </div>

    <div class="form-up">

            <div class="fm">
                <label>封面</label>
                <input type="file" name="avatar" class="input-xxlarge" style="display: none"  id="upload">
                <label for="upload" style="margin-bottom:0;">
                    <img src="../images/矢量智能对象.png" alt="" id="img" />
                </label>

            </div>
            <div  class="msg">
                <div>
                    <label>标题</label>
                    <div><label>论坛APP界面设计</label></div>

                </div>
                <div>
                    <label>姓名           </label>
                    <div><label> LYY</label></div>

                </div>
                <div>
                    <label>范围</label>
                    <div><label>移动端界面设计</label></div>

                </div>
                <div>
                    <label>注释 </label>
                    <div><label>该款界面简洁明了，充分了解用户需求后而开发的界面</label></div>

                </div>
                <div>
                    <label>分类 </label>
                    <div><label>效率性应用</label></div>

                </div>
                <div>
                    <label>下载     </label>
                    <div><label>允许下载</label></div>

                </div>
                <div>
                    <label>授权 </label>
                    <div><label>禁止商业使用</label></div>

                </div>


            </div>



    </div>
    <input type="submit" class="input-upload" value="上传">
    </form>
</div>

</body>

</html>
<script src="../js/jquery-3.5.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/wow.min.repeat.js"></script>
<script src="../js/less.min.js"></script>
<script src="../js/swiper-bundle.min.js"></script>

<script>
    //实例化wow.js
    new WOW().init();
    function getObjectURL(file) {
        var url = null ;
        if (window.createObjectURL!=undefined) { // basic
            url = window.createObjectURL(file) ;
        } else if (window.URL!=undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file) ;
        } else if (window.webkitURL!=undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file) ;
        }
        return url ;
    }
    $('#upload').change(function(){
        var url=getObjectURL(this.files[0]);
        if(url){
            $('#img').attr('src',url);
        }
    });


</script>